<div id='content-wapper'>

	<div class='row'>
		<div class='col-xs-3'>
			<!-- 分组树 -->
			<div class='panel panel-default'>
				<div class='panel-body' style='min-height:300px' >
					<md-org-device-tree data-object='sideTree'></md-org-device-tree>
				</div>
			</div>
			<!-- #分组树 -->
		</div>
		<div class='col-xs-9'>
			<!-- 数据列表 -->
			<section class='panel panel-default'>
				<div class='panel-body' style='min-height:300px'>
					<div ng-if="dataListType == 'deviceDim'">
						<h4>监控维度列表</h4>
						<br>
						<div class='row'>
							<div class='col-xs-8'>
								<div class='btn-group'>
									<a href='javascript:;' id='dim-create-btn' class='btn btn-info' title='新增'>
										<i class='glyphicon glyphicon-plus'></i>新增
									</a>
								</div>
							</div>
						</div>
						<ng-datatable data-setting='dimDataTable.setting' data-table='dimDataTable.table'  data-search-param='dimSearchForm.data' id='dim-datatable-list'></ng-datatable>
					</div>
					<div ng-if="dataListType == 'serviceList'">
						<h4>监控项列表</h4>
						<br>
						<div class='row'>
							<div class='col-xs-8'>
								<div class='btn-group'>
									<a href='javascript:;' id='service-create-btn' class='btn btn-info' title='新增'>
										<i class='glyphicon glyphicon-plus'></i>新增
									</a>
								</div>
							</div>
						</div>
						<ng-datatable data-setting='serviceDataTable.setting' data-table='serviceDataTable.table'  data-search-param='serviceSearchForm.data' id='service-datatable-list'></ng-datatable>
					</div>
					<div ng-if="dataListType == 'service'">
						<div class='row'>
							<div class='col-xs-6'>
								<h4>监控项配置</h4>
							</div>
							<div class='col-xs-6 text-right'>
								<a href='javascript:;' class='btn btn-primary'>扫描实例</a>
								<a href='javascript:;' class='btn btn-info'>添加实例</a>
							</div>
						</div>
						<br>
						<form id='device-service-form'>
							<fieldset>
								<legend>
									<div class='col-xs-6'>
										<h4>实例1</h4>
									</div>
									<div class='col-xs-6 text-right'>
										<a href='javascript:;' class='btn btn-primary btn-xs'>收起</a>
										<a href='javascript:;' class='btn btn-primary btn-xs'>删除</a>
									</div>
								</legend>
								<div style='width:80%;margin:0 auto'>
									
									<h4>告警参数设置</h4>
									<ng-data-input data-fields='deviceServiceAlertForm.fields' data-data='deviceServiceAlertForm.data'></ng-data-input>
									<h4>参数配置</h4>
									<ng-data-input data-fields='deviceServiceParamForm.fields' data-data='deviceServiceParamForm.data'></ng-data-input>
									
								</div>
							</fieldset>
						</form>
					</div>
				</div>
			</section>
			<!-- #数据列表 -->
		</div>
	</div>

	<!-- 维度新增表单 -->
	<div class="modal fade" id='dim-create-modal' tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style='width:600px'>
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" 
							aria-hidden="true">×
					</button>
					<h4 class="modal-title" >
						{{dimCreateForm.title}}
					</h4>
				</div>
				<div class="modal-body">
					<form id='dim-create-form'>
						<ng-data-input data-fields='dimCreateForm.fields' data-data='dimCreateForm.data'></ng-data-input>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" name='close-btn' class="btn btn-default" 
							data-dismiss="modal">取消
					</button>
					<button type="button" name='positive-btn' class="btn btn-primary">
						保存
					</button>
				</div>
			</div>
		</div>
	</div>
	<!-- #维度新增表单 -->

	<!-- 维度修改表单 -->
	<div class="modal fade" id='dim-update-modal' tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" style='width:600px'>
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" 
							aria-hidden="true">×
					</button>
					<h4 class="modal-title" >
						{{dimUpdateForm.title}}
					</h4>
				</div>
				<div class="modal-body">
					<form id='dim-update-form'>
						<ng-data-input data-fields='dimUpdateForm.fields' data-data='dimUpdateForm.data'></ng-data-input>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" name='close-btn' class="btn btn-default" 
							data-dismiss="modal">取消
					</button>
					<button type="button" name='positive-btn' class="btn btn-primary">
						保存
					</button>
				</div>
			</div>
		</div>
	</div>
	<!-- #维度修改表单 -->



	<!-- 修改表单 -->
	<div class="modal fade" id='update-modal' tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style='width:800px'>
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" 
							aria-hidden="true">×
					</button>
					<h4 class="modal-title" >
						{{updateForm.title}}
					</h4>
				</div>
				<div class="modal-body">
					<form id='update-form'>
						<ng-data-input data-fields='updateForm.fields' data-data='updateForm.data'></ng-data-input>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" name='close-btn' class="btn btn-default" 
							data-dismiss="modal">取消
					</button>
					<button type="button" name='positive-btn' class="btn btn-primary">
						保存
					</button>
				</div>
			</div>
		</div>
	</div>
	<!-- #修改表单 -->


	<!-- 监控维度关联监控项 -->
	<div class="modal fade" id='dim-add-service-modal' tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style='width:800px'>
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" 
							aria-hidden="true">×
					</button>
					<h4 class="modal-title" >
						关联监控项
					</h4>
				</div>
				<div class="modal-body">
					<div class='btn-group'>
						<a href='javascript:;' class='btn btn-info btn-sm' data-dim-service-filter='have'>
							<i class='glyphicon glyphicon-unchecked'></i>
							已关联
						</a>
						<a href='javascript:;' class='btn btn-info btn-sm' data-dim-service-filter='all'>
							<i class='glyphicon glyphicon-check'></i>
							全部
						</a>
					</div>
					<br>
					<ng-datatable data-setting='dimAddServiceHandler.setting' data-table='dimAddServiceHandler.table'  data-search-param='dimAddServiceHandler.data' id='dim-add-service-datatable-list'></ng-datatable>
				</div>
				<div class="modal-footer">
					<button type="button" name='close-btn' class="btn btn-default" 
							data-dismiss="modal">关闭窗口
					</button>
				</div>
			</div>
		</div>
	</div>
	<!-- #监控维度关联监控项 -->

</div>
